<div>
    <div class="meta-section">
        <div class="meta-section-header">
            <h4 class="meta-section-header-title">筛选：</h4>
        </div>
        <div class="meta-section-container">
            <div class="meta-underline-row" ui-view="meta-area-control"></div>
            <div class="meta-underline-row">
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6" ui-view="meta-rank-control"></div>
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6" ui-view="meta-origin-control"></div>
                <div class="clear-float"></div>
            </div>
            <div class="meta-underline-row">
                <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4" ui-view="meta-manager-control"></div>
                <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4" ui-view="meta-state-control"></div>
                <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4" ui-view="meta-upload-control"></div>
                <div class="clear-float"></div>
            </div>
            <div class="meta-underline-row">
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6" ui-view="meta-created-control"></div>
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6" ui-view="meta-verified-control"></div>
                <div class="clear-float"></div>
            </div>
        </div>
    </div>
    <div class="meta-section">
        <div class="meta-section-header">
            <h4 class="meta-section-header-title">数据：共 {{listCtrl.tableParams.total}} 项技术</h4>

            <div class="meta-section-header-buttons">
                <button class="btn" ng-click="listCtrl.tableParams.showAll()"
                        ng-class="{'btn-info': !listCtrl.tableParams.isShowAll, 'btn-warning': listCtrl.tableParams.isShowAll}">
                    {{listCtrl.tableParams.showAllText}}
                </button>
            </div>
            <div class="meta-section-header-search" ui-view="meta-search"></div>
        </div>
        <div class="meta-section-container">
            <table class="table table-condensed table-striped table-bordered meta-table">
                <thead>
                <tr>
                    <th class="meta-number-11-td">编号</th>
                    <th class="meta-bordered-word-3-td">状态</th>
                    <th class="meta-bordered-word-3-td">已公开</th>
                    <th class="meta-bordered-word-3-td">已置顶</th>
                    <th>技术名称</th>
                    <th>所属人／机构</th>
                    <th class="meta-number-11-td">手机</th>
                    <th class="meta-word-4-td">项目经理</th>
                    <th class="meta-word-4-td">负责人<i class="fa fa-arrow-down fa-sort-ctrl" data-sort="leader.name"></i>
                    </th>
                    <th class="meta-time-td">提交时间<i class="fa fa-arrow-down fa-sort-ctrl active"
                                                    data-sort="created_at"></i>
                    </th>
                    <th class="meta-time-td" ng-show="listCtrl.tableParams.isShowAll">审核时间<i
                        class="fa fa-arrow-down fa-sort-ctrl" data-sort="verified_at"></i></th>
                    <th class="meta-number-11-td" ng-show="listCtrl.tableParams.isShowAll">应用数<i
                        class="fa fa-arrow-down fa-sort-ctrl" data-sort="number_of_applied"></i></th>
                    <th class="meta-number-11-td">合作数<i class="fa fa-arrow-down fa-sort-ctrl"
                                                        data-sort="number_of_applying"></i>
                    </th>
                    <th class="meta-word-4-td">下载量<i class="fa fa-arrow-down fa-sort-ctrl"
                                                     data-sort="downloads"></i></th>
                    <th class="meta-word-4-td">游览量<i class="fa fa-arrow-down fa-sort-ctrl"
                                                     data-sort="pageViews"></i></th>
                    <th class="meta-icon-2-td">操作</th>
                </tr>
                </thead>
                <tbody>
                <tr ng-repeat="element in listCtrl.tableParams.data track by $index">
                    <td>{{element.sn==null?'暂无':element.sn}}</td>
                    <td>
                        <p class="meta-status meta-adjust-status" ng-class="{
                              'meta-start-status': element.state==='新提交',
                              'meta-process1-status': element.state==='审核中',
                              'meta-process2-status': element.state==='推广中',
                              'meta-finish-status': element.state==='已买断',
                              'meta-ended-status': element.state==='不通过',
                              'meta-ended-status': element.state==='已暂停'}">
                            {{element.state}}
                        </p>
                    </td>
                    <td>
                        <p class="meta-status meta-adjust-status" ng-class="{
                              'meta-online-status': element.online,
                              'meta-offline-status': !element.online}">
                            {{element.online?'公开':'保密'}}
                        </p>
                    </td>
                    <td>
                        <p class="meta-status meta-adjust-status" ng-class="{
                              'meta-online-status': element.rank,
                              'meta-offline-status': !element.rank}">
                            {{element.rank==1?'已置顶':'未置顶'}}
                        </p>
                    </td>
                    <td>{{element.title}}</td>
                    <td>{{element.ownedBy=='个人'?element.publisher.name:element.organization}}</td>
                    <td>{{element.publisher.mobile}}</td>
                    <td>{{element.projectManager.name==null?'暂无':element.projectManager.name}}</td>
                    <td>{{element.leader.name==null?'暂无':element.leader.name}}</td>
                    <td>{{element.createdAt | date:"yyyy-MM-dd HH:mm" }}</td>
                    <td ng-show="listCtrl.tableParams.isShowAll">{{element.verifiedAt==null?'暂无':(element.verifiedAt |
                        date:"yyyy-MM-dd HH:mm") }}
                    </td>
                    <td ng-show="listCtrl.tableParams.isShowAll">
                        {{element.numberOfApplied==null?'0':element.numberOfApplied}}
                    </td>
                    <td>{{element.numberOfApplying==null?'0':element.numberOfApplying}}</td>
                    <td>{{element.downloads - (element.extraDownloads ? element.extraDownloads : 0)}}</td>
                    <td>{{element.pageViews - (element.extraPageViews ? element.extraPageViews : 0 )}}</td>
                    <td>
                        <i class="fa fa-list fa-2x fa-blue"
                           ng-click="openModel('lg','views/permission/modal/cooperation.html', 'TechCopCtrl', {id:element.id})"></i>
                        <a class="fa fa-edit fa-2x fa-blue" target="_blank"
                           ui-sref="meta.permission.technology.technology.detail({id: element.id})"></a>
                    </td>
                </tr>
                </tbody>
            </table>
            <div class="meta-page" ui-view="page"></div>
        </div>
    </div>
</div>
